@import "variables.scss";
@import "../../../common/css/size.scss";
.modal-hide{
  display: none !important;
}
.modal-show{
  display: block !important;
}
.modal-bg{
  width:100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  background: rgba(27,26,31,0.85);
}
.modal-bg2{
  width:100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.modal-content, .modal-content2{
  border:$_1 solid $borderC;
  justify-content: space-around;
  border-radius: $_4;
  background: #fff;
  min-height: $_140;
  margin-bottom:5rem;
  .content{
    width: 100%;
    //height: 100%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .bottom{
   width: 100%;
  }
}
.modalImg{
  width: $_30;
  height: $_30;
}
.modalText{

}
.modal-size1{
  width: 80%;
  height:7rem;
}
.modal-size_70{
  width: 80%;
  height:$_140;
}

.modal-close{
  width: $_18;
  height: $_18;
  background: url('../img/common/modal-close.png') no-repeat;
  background-size: $_18;
}
//细节样式暂时在mainMsg.scss中